<template>
  <div>
    <div v-wechat-title="$route.meta.title"></div>
    <BlogHeader />
    <el-divider content-position="center">简单的自我介绍啦</el-divider>
    <el-container>
      <el-aside width="200px"></el-aside>
      <el-main>
        <div class="introduce">
          <el-card shadow="hover" class="box-card">
            <h3>关于博主</h3>
            <p>97年，坐标南京，摸鱼小能手，懂些前端，会点python</p>
            <p>偏爱文学，喜欢自然社科，爱好看书，写文章，睡觉，打王者</p>
            <p>梦想养只猫，学点摄影，带着猫猫去旅行</p>
          </el-card>
          <br />
          <el-card shadow="hover" class="box-card">
            <h3>关于本站</h3>
            <p>后端使用Django</p>
            <p>前端使用Vue3+Element-UI</p>
            <p>服务器使用阿里云服务器</p>
          </el-card>
          <br />
          <el-card shadow="hover" class="box-card">
            <h3>本站声明</h3>
            <p>
              如果您认为本站的任何内容侵犯您的任何权益，请及时与博主联系，博主将第一时间处理
            </p>
            <p>本站所有信息和内容均为博主个人观点，如有冒犯，还请见谅</p>
            <p>
              除另有声明外，本站内容采用<a
                @click="
                  toUrl('http://creativecommons.org/licenses/by-nc-sa/4.0/')
                "
                >知识共享署名-非商业性使用-相同方式共享 4.0
                国际许可协议进行许可</a
              >
            </p>
          </el-card>
        </div>
      </el-main>
      <el-aside width="200px"></el-aside>
    </el-container>
    <BlogFooter />
  </div>
</template>

<script>
import BlogHeader from "@/components/BlogHeader.vue";
import BlogFooter from "@/components/BlogFooter.vue";

export default {
  name: "About",
  components: { BlogHeader, BlogFooter },

  methods: {
    toUrl(url) {
      //window.location.href=url;
      window.open(url, "_blank");
    },
  },
};
</script>

<style scoped>
.introduce {
  text-align: center;
  font-family: KaiTi;
}

a {
  color: LightSkyBlue;
}
a:hover {
  cursor: pointer;
}
</style>
